<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.: DEMO :.</title>
<meta name='description' content='........' />
<meta name='keywords' content='.............' />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" href="style/galleriffic-2.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		// We only want these styles applied when javascript is enabled
		$('div.navigation').css({'width' : '635px', 'float' : 'left'});
		$('div.content').css('display', 'block');

		// Initially set opacity on thumbs and add
		// additional styling for hover effect on thumbs
		var onMouseOutOpacity = 0.67;
		$('#thumbs ul.thumbs li').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});
		
		// Initialize Advanced Galleriffic Gallery
		var gallery = $('#thumbs').galleriffic({
			delay:                     2500,
			numThumbs:                 15,
			preloadAhead:              10,
			enableTopPager:            true,
			enableBottomPager:         true,
			maxPagesToShow:            7,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'Play Slideshow',
			pauseLinkText:             'Pause Slideshow',
			prevLinkText:              '&lsaquo; Previous Photo',
			nextLinkText:              'Next Photo &rsaquo;',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false,
			autoStart:                 false,
			syncTransitions:           true,
			defaultTransitionDuration: 900,
			onSlideChange:             function(prevIndex, nextIndex) {
				// 'this' refers to the gallery, which is an extension of $('#thumbs')
				this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
				this.fadeTo('fast', 1.0);
			}
		});
	});
</script>
</head>
<body>
<div id="header">
	<div class="header-inner">
        <h1 class="logo"><a href="#">website thoi trang</a></h1>
        <ul class="hor-menu">
            <li><a href="index.html">Trang chủ</a></li>
            <li><a href="#">xu hướng mới</a></li>
            <li><a href="#">bí quyết mix đồ</a></li>
            <li><a href="#">hot deals</a></li>
            <li><a href="#">liên hệ </a></li>
        </ul>
        <div class="topright">
            <a href="#">Đăng nhập</a> hoặc  <a href="#">Đăng ký thành viên</a>
        </div>
    
        
        
    </div>
</div>

<div id="middle">
    <div id="col1">
        <div class="filter-box">
            <div class="type-filter-box">
            	<h3>Who</h3>
            	<a href="#">Guys</a>
                <a href="#">Girly</a>
                <a href="#">Babies</a>
                <a href="#">Kids</a>
            </div>
        </div>
        <div class="filter-box">
            <div class="type-filter-box">
            	<h3>Collection</h3>
            	<a href="#">Threadless</a>
                <a href="#">Select</a>
                <a href="#">Type Tees</a>
            </div>
        </div>
        <div class="filter-box">
            <div class="type-filter-box size-box">
            	<h3>Size</h3>
            	<a href="#">XS</a>
                <a href="#">S</a>
                <a href="#">M</a>
                <a href="#">L</a>
                <a href="#">XL</a>
                <a href="#">2XL</a>
                <a href="#">3XL</a>
            </div>
        </div>
        <div class="filter-box nobor">
            <div class="type-filter-box">
            	<h3>Style</h3>
            	<a href="#">Tees</a>
                <a href="#">Hoodies</a>
                <a href="#">Other Tops</a>
                <a href="#">Pullover</a>
                <a href="#">Tanks</a>
            </div>
        </div>
        <div class="style-box">
        	<h3>Trend & Style (4)</h3>
        	<ul class="style-list">
            	<li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
            </ul>
            <h3>Gặp stylist (2)</h3>
        	<ul class="style-list">
            	<li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
                <li>
                	<a href="#">
                    	<img src="images/style.jpg" alt="" />
                    	<span>Ada kokosar Fashion styleist fashion consultan</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="col2">
    	<div class="pro-page">
        	<h1 class="name-pro">Shop thời trang BeStupid</h1>
            <a href="javascript:history.go(-1)" class="back"></a>
           	<div class="brand-item store-item">
            	<a href="#"><img src="images/cua_hang_hot.jpg" alt="" /></a>
                <div class="brand-desc">
                	<h2><a href="#">THÔNG TIN LIÊN HỆ</a></h2>
                    <div>
                    	Địa chỉ: 174/67/23 Nguyễn Thiện Thuật; Phường 3; Quận 3; Tp. HCM., Quận 3, TP Hồ Chí Minh <br />
                        Điện thoại: (84). 08. 38399590 – (84). 08. 38303071<br />
                        Website: http://jimmydang.vn<br />
                        Email: sale@jimmydang.vn<br />
                        Facebook: http://www.facebook.com/profile.php?id=100001794393018
					</div>
                </div>
                <a href="#" class="same-shop">Các shop cùng khu vực >></a>
            </div> 
            <h3 class="head-title">Giới thiệu</h3>
            <div class="box-info-detail">
            	Bàn yêu thương là bàn tiệc dành riêng cho cô dâu chú rể. Nó thường được đặt gần sàn nhảy và bàn bánh cưới. 
Một số cô dâu chú rể thích bàn yêu thương vì nó dành cho họ một khoảng riêng trong bữa tiệc. Tuy nhiên nhiều
đôi uyên ương lại không thích vì nó tạo sự tách biệt và có vẻ hình thức hơn so các bàn bình thường khác. <a href="#">Xem tiếp >></a>
				<div class="cat-store">
					<p><strong>Sản phẩm: </strong><a href="#">Áo</a>, <a href="#">Quần</a>, <a href="#">Nón</a>, <a href="#">Giày</a></p>
                    <p><strong>Phong cách:</strong> <a href="#">Ngầu</a>, <a href="#">Weird</a>, <a href="#">Bohemian</a> <a href="#" class="same-style">Các shop cùng phong cách >></a></p>
                </div>
            </div>
            <ul class="head-tab">
            	<li><a href="#">Sản phẩm</a></li>
                <li><a href="#" class="act-tab">Hot deals</a></li>
                <li><a href="#">Sự kiện</a></li>
            </ul>
            <div class="tab-content">
            	<ul class="article-list">
    				<li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
                    <li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
                    <li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
                    <li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
                    <li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
                    <li> 
                    	<a href="#"><img alt="" src="http://www.marry.vn/sites/default/files/styles/thumb_100x100/public/field/text_article/main_image/diy-bridal-bouquet-3.jpg" /></a>  
						<div class="article-sumary ">
                        	<a class="article-title" href="#">F5 nghỉ hè với sắc màu tươi vui</a>				
                            <p class="dir">Đăng ngày: 02/06/2011 - 5 bình luận</p>
							<div class="desc">
                            	Chúng tớ đã chọn cho bạn ý trang phục đơn giản như áo ba lỗ, quần shorts, miniskirt và tạo điểm
nhấn với các gam màu nhí nhảnh và hợp trend như vàng, xanh dương, hồng... Không quá cầu kì <br />
								<a href="/bai-viet/diy-nang-dau-nao-cung-co-tu-lam-hoa-cuoi">&nbsp;Xem tiếp»</a>
                           	</div>
                        </div>
                  	</li>
               	</ul>
                <a href="#" class="archive">Xem thêm >></a>
                <br class="clear" />
            </div>
           
            
            <h3 class="head-title">ĐÁNH GIÁ TỪ CỘNG ĐỒNG</h3>
            <div class="box-info-detail">
            	<ul class="like-action">
                	<li class="like"><a href="#">270 thích</a></li>
                    <li class="dislike"><a href="#">270 không thích</a></li>
                </ul>
                <p><strong>Các đánh giá hữu ích</strong></p>
                <ul class="comment-list">
                	<li>
                    	<div class="user-picture">
    						<a title="View user profile." href="/users/quanchi180287"><img alt="" src="http://www.marry.vn/sites/default/files/styles/avatar_50x50/public/default_images/avatar-bride.jpg" /></a>  
                       	</div>
                        <div class="comment-content">
                        	<p>Gửi bởi <a href="#">Shoper101</a> ngày 20/04/2011</p>
                            <p>Lần đầu tiên tại Việt Nam, cộng đồng cưới online MarryWEDDING ( www.marry.vn) chính thức ra mắt
Cẩm Nang Cưới MarryWEDDING, một ấn phẩm giàu thông tin và bổ ích cho các cô dâu chú rể trong
quá trình lên kế hoạch cưới của chính mình.</p>

							<p>Cẩm Nang Cưới MarryWEDDING, một ấn phẩm giàu thông tin và bổ ích cho các cô dâu chú rể trong
quá trình lên kế hoạch cưới của chính mình.</p>
							<div class="you-like-comment">
                            	<span>Bạn thấy bình luận này có hữu ích không?</span>
                                <ul>
                                	<li class="like-comment"><a href="#">Có</a></li>
                                    <li class="dislike-comment"><a href="#">Không</a></li>
                                    <li class="bad-content"><a href="#">Nội dung xấu </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                <p><strong>Tất cả các đánh giá</strong></p>
                <ul class="comment-list">
                	<li>
                    	<div class="user-picture">
    						<a title="View user profile." href="/users/quanchi180287"><img alt="" src="http://www.marry.vn/sites/default/files/styles/avatar_50x50/public/default_images/avatar-bride.jpg" /></a>  
                       	</div>
                        <div class="comment-content">
                        	<p>Gửi bởi <a href="#">Shoper101</a> ngày 20/04/2011</p>
                            <p>Lần đầu tiên tại Việt Nam, cộng đồng cưới online MarryWEDDING ( www.marry.vn) chính thức ra mắt
Cẩm Nang Cưới MarryWEDDING, một ấn phẩm giàu thông tin và bổ ích cho các cô dâu chú rể trong
quá trình lên kế hoạch cưới của chính mình.</p>

							<p>Cẩm Nang Cưới MarryWEDDING, một ấn phẩm giàu thông tin và bổ ích cho các cô dâu chú rể trong
quá trình lên kế hoạch cưới của chính mình.</p>
							<div class="you-like-comment">
                            	<span>Bạn thấy bình luận này có hữu ích không?</span>
                                <ul>
                                	<li class="like-comment"><a href="#">Có</a></li>
                                    <li class="dislike-comment"><a href="#">Không</a></li>
                                    <li class="bad-content"><a href="#">Nội dung xấu </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                
                <div class="item-list"><ul class="pager"><li class="pager-first first"><a class="active" title="Go to first page" href="/archive/home/record/highest_ranking">&lt;&lt; đầu</a></li>
                    <li class="pager-previous"><a class="active" title="Go to previous page" href="/archive/home/record/highest_ranking">&lt; trước</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 1" href="/archive/home/record/highest_ranking">1</a></li>
                    <li class="pager-current">2</li>
                    <li class="pager-item"><a class="active" title="Go to page 3" href="/archive/home/record/highest_ranking?page=2">3</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 4" href="/archive/home/record/highest_ranking?page=3">4</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 5" href="/archive/home/record/highest_ranking?page=4">5</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 6" href="/archive/home/record/highest_ranking?page=5">6</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 7" href="/archive/home/record/highest_ranking?page=6">7</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 8" href="/archive/home/record/highest_ranking?page=7">8</a></li>
                    <li class="pager-item"><a class="active" title="Go to page 9" href="/archive/home/record/highest_ranking?page=8">9</a></li>
                    <li class="pager-ellipsis">…</li>
                    <li class="pager-next"><a class="active" title="Go to next page" href="/archive/home/record/highest_ranking?page=2">tiếp &gt;</a></li>
                    <li class="pager-last last"><a class="active" title="Go to last page" href="/archive/home/record/highest_ranking?page=114">cuối &gt;&gt;</a></li>
                    </ul>
               	</div>
            </div>
            
            <div class="action-box">
            	<ul class="user-action">
                	<li class="commtent"><a href="#">Viết đánh giá</a></li>
                    <li class="ask"><a href="#">Đặt câu hỏi</a></li>
                    <li class="like"><a href="#">Thích</a></li>
                    <li class="dislike"><a href="#">Không thích</a></li>
                    <li class="send"><a href="#">Gửi bạn bè</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>

<div id="footer">
	<div class="footer-inner">
      <div class="footleft">
		<strong style="font-size:14px;">SHOPAHOLIC @2011      	</strong> <br />
        Địa chỉ: 174/67/23 Nguyễn Thiện Thuật; Quận 3; Tp. HCM<br />
        Điện thoại: (84). 08. 38399590 – (84). 08. 38303071<br />
        Website: http://jimmydang.vn
      </div>
      <div class="footright">
     	<div class="social">
        	<a href="#" class="fb"><strong>facebook</strong></a>
            <a href="#" class="sp"><strong>skype</strong></a>
            <a href="#" class="tw"><strong>twitter</strong></a>
            <a href="#" class="yahoo"><strong>yahoo</strong></a>
        </div>
      </div>
      <div class="clear"></div>
  	</div>
</div>


</body>
</html>
